// 计时器函数
import { computed, onUnmounted, ref } from 'vue'
import dayjs from 'dayjs'
// 两个参数useCountDown
export const useCountDown = () => {
  // 1.响应式数据
  let timer = null
  const time = ref(0)
  // 格式化时间为  分  秒
  const formatTime = computed(() => dayjs.unix(time.value).format('mm分ss秒'))
  // 2.开启倒计时的函数
  const start = (currenTime) => {
    // 开启倒计时逻辑
    // 核心逻辑:每隔一秒就减一
    time.value = currenTime
    timer = setInterval(() => {
      time.value--
    }, 1000)
  }
  // 组件销毁计时器
  onUnmounted(() => {
    timer && clearInterval(timer)
  })
  return {
    formatTime,
    start
  }
}